<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>


	<style type="text/css">
/*		序选择器*/
/*		p:first-child{
			color: red;
		}
		p:last-child{
			color: blue;
		}*/

/*		p:nth-child(2){
			color: orange;
		}*/
/*		odd 代表奇数位*/
/*		p:nth-child(odd){
			color: orange;
		}*/
/*		even 代表偶数位*/
/*		p:nth-child(even){
			color: aqua;
		}*/
/*		n 代表123456789......*/
/*		p:nth-child(2n-1){
			color: red;
		}*/
/*		选中同级别同层级的第二个并且是p 标签*/
/*		p:nth-child(2){
			color: red;
		}*/
/*		选中同级别同类型的标签中的第 某 个*/
		p:nth-of-type(2){
			color: red;
		}


	</style>
</head>
<body>

	<p>11111</p>
	<p>22222</p>

	<div>
		<p>福尔摩斯探案集</p>
		<h2>33333</h2>
		<div>东方列车谋杀案</div>
		<p>希腊棺材之谜</p>
		<p>假面山庄</p>
		<p>图书馆杀人事件</p>
		<p>空城计</p>

	</div>


</body>
</html>